<div class="modal-header">
	<h3>Sign In</h3>
</div>
<form name="login" role="form" class="modal-body">
	<div class="form-group" ng-class="{ required: login.username.$invalid }">
		<label class="control-label" for="username">Username</label>
		<input type="text" name="username" class="form-control"
			placeholder="[enter username]"
			ng-model="credentials.username" 
			required />
	</div>
	<div class="form-group" ng-class="{ required: login.password.$invalid }">
		<label class="control-label" for="password">Password</label>
		<input type="password" name="password" class="form-control"
			placeholder="[enter password]"
			ng-enter="signIn()"
			ng-model="credentials.password"
			required />
	</div>
</form>
<div class="modal-footer">
	<div ng-show="status" class="pull-left">{{ status }}</div>
	<button class="btn btn-primary" ng-click="signIn()" 
		ng-disabled="login.$invalid || authenticating">Sign In</button>
	<button class="btn btn-warning" ng-click="cancel()" 
		ng-disabled="authenticating">Cancel</button>
</div>